<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>圣杯</title>
</head>
<style>
    *{
        padding: 0;
        margin: 0;
    }
    .container {
        box-sizing: border-box;
        width: 100%;
        min-width: 650px;
        height: 100vh;
        padding: 0 200px;
        
    }

    .fl {
        float: left;
    }

    .left {
        width: 200px;
        height: 300px;
        background: red;
        margin: 0 0 0 -100%;
        position: relative;
        left: -200px;
    }

    .center {
        width: 100%;
        min-width: 250px;
        height: 300px;
        background: yellow;
    }

    .right {
        width: 200px;
        height: 300px;
        background: blue;
        margin-left: -200px;
        position: relative;
        right: -200px;
    }
</style>

<body>
    <div class="container">
        <div class="center fl">
            1.MVC 与 MVVM的区别
            MVC
            MVC 全名是 Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范
            
            Model（模型）：是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据
            View（视图）：是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的
            Controller（控制器）：是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据
            下面看斯坦福大学公开课上的这幅图来说明，这可以说是最经典和最规范的MVC标准
            ————————————————
            版权声明：本文为CSDN博主「前端南玖」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
            原文链接：https://blog.csdn.net/qq_41960279/article/details/1234944391.MVC 与 MVVM的区别
            MVC
            MVC 全名是 Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范
            
            Model（模型）：是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据
            View（视图）：是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的
            Controller（控制器）：是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据
            下面看斯坦福大学公开课上的这幅图来说明，这可以说是最经典和最规范的MVC标准
            ————————————————
            版权声明：本文为CSDN博主「前端南玖」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
            原文链接：https://blog.csdn.net/qq_41960279/article/details/1234944391.MVC 与 MVVM的区别
            MVC
            MVC 全名是 Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范
            
            Model（模型）：是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据
            View（视图）：是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的
            Controller（控制器）：是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据
            下面看斯坦福大学公开课上的这幅图来说明，这可以说是最经典和最规范的MVC标准
            ————————————————
            版权声明：本文为CSDN博主「前端南玖」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
            原文链接：https://blog.csdn.net/qq_41960279/article/details/1234944391.MVC 与 MVVM的区别
            MVC
            MVC 全名是 Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范
            
            Model（模型）：是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据
            View（视图）：是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的
            Controller（控制器）：是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据
            下面看斯坦福大学公开课上的这幅图来说明，这可以说是最经典和最规范的MVC标准
            ————————————————
            版权声明：本文为CSDN博主「前端南玖」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
            原文链接：https://blog.csdn.net/qq_41960279/article/details/123494439
        </div>
        <div class="left fl">左</div>
        <div class="right fl">右</div>
    </div>
</body>

</html>